.line_box{
    /* overflow: hidden; */
    margin-bottom: 0.2vh;
    position: relative;
    /* padding-left: 22px; */
}
.line_box .line_name{
    margin-top: 1vh;
    margin-bottom: 0.6vh;
    font-size: 16px;
}
.line_cont_box{
    overflow: hidden;
}
.lines_box{
    float: left;
    width: 90%;
    height: 1vh;
    margin: .2vh auto;
    background: rgba(21,62,152,.3);
  
    border-radius: 10px;
}
.line{
    height: 100%;
    border-radius: 10px;
    position: relative;
    /* background: -webkit-gradient(linear,right top, left top,from(rgba(29,208,240,1)),to(rgba(0,132,255,1))); */
background: linear-gradient(90deg, #162B73 0%, #188AFF 100%);
}
/* .line::after{
    content: "";
    position: absolute;
    right: -0.6vh;
    top: -0.81vh;
    background-size: 100% 100%;
    width: 28px;
    height: 28px;
    background: url(../../img/ydIcon.png) no-repeat;
    background-size: 100% 100%;
    z-index: 999;
    padding-top: 2px;
    padding-bottom: 2px;
    background-color: transparent;
    
} */
.line_num{
    float: right;
    width: 30%;
    text-align: right;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #000;
    vertical-align: middle;
    font-size: 16px;
    padding-right: 10px;
     position: absolute;
     right: 1.4vw;
     top: 0.5vh;
}
.xh{
    display: inline-block;
    font-size: 18px;
    color: #000;
    background: #000;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    margin-right: 2px;
    
}

.pictorialBar_box{
    width: 90%;
    height: 1.5vh;
}
/* 左右分布开始 */
.line_box{
    /* overflow: hidden; */
    margin-bottom: 0.2vh;
    position: relative;
    padding-left:10px;
}
.line_box .line_name_left{
    font-size: 16px;
    width: 20%;
    float: left;
}
.line_cont_box_left{
    overflow: hidden;
    line-height: 3vh;
    display: flex;
    align-items: center;
}
.lines_box_left{
    float: left;
    width: 50%;
    height: 1vh;
    margin: 0 auto;
    background: rgba(21,62,152,.3);
    border-radius: 10px;
}
.line_left{
    height: 100%;
    border-radius: 10px;
    position: relative;
    /* background: -webkit-gradient(linear,right top, left top,from(rgba(29,208,240,1)),to(rgba(0,132,255,1))); */
background: linear-gradient(90deg, #162B73 0%, #188AFF 100%);
}
/* .line::after{
    content: "";
    position: absolute;
    right: -0.6vh;
    top: -0.81vh;
    background-size: 100% 100%;
    width: 28px;
    height: 28px;
    background: url(../../img/ydIcon.png) no-repeat;
    background-size: 100% 100%;
    z-index: 999;
    padding-top: 2px;
    padding-bottom: 2px;
    background-color: transparent;
    
} */
.line_num_left{
    float: right;
    width: 24%;
    text-align: left;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #000;
    vertical-align: middle;
    font-size: 16px;
    padding-right: 10px;
     /* position: absolute;
     right: 1.4vw;
     top:0; */
}
.xh_left{
    display: inline-block;
    font-size: 18px;
    color: #000;
    background: #000;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    margin-right: 2px;
    
}
/* 左右分布结束 */